<template>
  <div>
    创建之后我是left文件， 挂载之后我是left的Vue小实例对象 销毁之后我啥也不是
  </div>
</template>
<script>
export default {
  data () {
    return {

    }
  },
  created () {
    console.log('left初始化后')
    // 计时器
    setTimeout(() => {
      console.log('计时器')
    }, 1000)

    // 定时器 // 解决办法 this.time = 
    this.time = setInterval(() => {
      console.log('定时器')
    }, 1000)//这样写无法消除，只消除肉体，灵魂依然在定定时器走动中
    // 如何清除，因为清除()=>{}这个必须一直清除的，因此把函数体里的东西写在方法里调用
    // window.addEventListener('resize', () => {
    //   console.log('窗口')//如何清除
    // })//监听滚动事件
    // 解决
    window.addEventListener('resize', this.resizeFn)//监听滚动事件

  },
  mounted () {
    console.log('left真实DOM挂在之后')

  },
  destroyed () {
    console.log('left---销毁之后')
    clearInterval(this.time)//解决办法灵魂也消除
    window.removeEventListener('resize', this.resizeFn)

  },
  methods: {
    resizeFn () {
      console.log('窗口')
    }
  }

}
</script>